.no-chat {
  position: relative;
  width: 100%;
  height: calc(100vh);

  .no-chat-tips {
    position: absolute;
    left: 50%;
    top: 50%;
    color: gray;
  }

  .no-chat-tips-icon {
    transform: translate(-50%, -110%);
  }

  .no-chat-tips-1 {
    transform: translate(-50%, -50%);
  }

  .no-chat-tips-2 {
    transform: translate(-50%, 60%);
  }
}